<template>
  <e-search placeholder="请输入搜索内容" :disabled="true"/>
  <div style="display: flex; justify-content: space-between">
    <van-sidebar v-model="active" style="flex: 1;">
      <van-sidebar-item title="标签名称" :to="{name: ''}"/>
      <van-sidebar-item title="标签名称"/>
      <van-sidebar-item title="标签名称"/>
    </van-sidebar>
    <div style="flex: 3">
      <router-view/>
    </div>
  </div>
</template>

<script lang="ts">
import {defineComponent, ref} from "vue";
import ESearch from "@/layouts/base/components/e-search.vue";
export  default defineComponent({
  components: {ESearch},
  setup() {
    const active = ref(0);

    return {
      active
    }
  }
})


</script>

<style scoped>
.van-sidebar {
  height: calc(100vh - 105px);
  background-color: #F7F8FA;
}
</style>
